<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/asd.css" rel="stylesheet" />
		<link href="../css/asdd.css" rel="stylesheet" />
		<script src="../js/mui.js"></script>
		<style>
			.chart {
				height: 200px;
				margin: 0px;
				padding: 0px;
			}

			h5 {
				margin-top: 30px;
				font-weight: bold;
			}

			h5:first-child {
				margin-top: 15px;
			}
		</style>
	</head>
	<body>
		<!-- 头部开始 -->
		<div>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">财经资讯</h1>
			</header>
		</div>

		<!-- 轮播图开始		 -->
		<div style="min-height:130px;background-color: #7e7c62;">
			<div>
				<div class="mui-slider" style="margin-top: 5px;height: 190px;">
					<!-- 轮播图的图片容器 -->
					<div class="mui-slider-group mui-slider-loop">
						<!--支持循环，需要重复图片节点-->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="../img/j1.jpg" alt="">
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="../img/j2.jpg" alt="">
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="../img/j3.jpg" alt="" style="height:194px;">
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="../img/j1.jpg" alt="" style="height:194px;">
							</a>
						</div>

						<!--支持循环，需要重复图片节点-->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="../img/j2.jpg" alt="">
							</a>
						</div>
					</div>
					<!-- 轮播图的小圆点容器 -->
					<div class="mui-slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 中部开始 -->
		<div>
			<!-- 1 -->
			<div>
				<div style="" class="jijin2">
					<div style="width: 90%;margin: 0 auto; border-bottom: solid 1px #000000;height: 39px;">
						<a style="margin-left: 0px;">股市数据</a>
						<a href="#"><span class="mui-icon mui-icon-arrowright"
								style="float: right;margin-top: 8px;"></span></a>
					</div>
				</div>
			</div>

			<!-- 2 -->
			<div style="width: 100%;height: 100px;padding-left: 18px;padding-right: 15px;background-color: #ffffff;">
				<div style="width: 30%;height: 90px;border: solid 1px #c1c1c1;float: left;margin-top: 5px;border-radius: 10px;">
					<div style="margin-left: 25px;margin-top: 5px;font-size: 13px;">上证指数</div>
					<div style="margin-left: 17px;margin-top: 5px;font-size: 20px;">2826.24</div>
					<div style="float: left;font-size: 13px;margin-left: 10px;margin-top: 10px;">-168</div>
					<div style="float: right;font-size: 13px;margin-right: 10px;margin-top: 10px;">-6.42%</div>
				</div>
				<div style="width: 30%;height: 90px;border: solid 1px #c1c1c1;float: left;margin-left: 12px;margin-top: 5px;border-radius: 10px;">
					<div style="margin-left: 25px;margin-top: 5px;font-size: 13px;">上证指数</div>
					<div style="margin-left: 17px;margin-top: 5px;font-size: 20px;">2826.24</div>
					<div style="float: left;font-size: 13px;margin-left: 10px;margin-top: 10px;">-168</div>
					<div style="float: right;font-size: 13px;margin-right: 10px;margin-top: 10px;">-6.42%</div>
				</div>
				<div style="width: 30%;height: 90px;border: solid 1px #c1c1c1;float: left;margin-left: 12px;margin-top: 5px;border-radius: 10px;">
					<div style="margin-left: 25px;margin-top: 5px;font-size: 13px;">上证指数</div>
					<div style="margin-left: 17px;margin-top: 5px;font-size: 20px;">2826.24</div>
					<div style="float: left;font-size: 13px;margin-left: 10px;margin-top: 10px;">-168</div>
					<div style="float: right;font-size: 13px;margin-right: 10px;margin-top: 10px;">-6.42%</div>
				</div>
			</div>
			<!-- 3	 -->
			<div>
				<div style="height: 30px;line-height: 30px;" class="jijin2">
					<div style="width: 90%;margin: 0 auto; height: 30px;">
						<a style="margin-left: 0px;font-size: 10px;">数据截止至</a>
					</div>
				</div>
			</div>
		</div>

		<!-- 资讯列表开始 -->
		<ul class="mui-table-view" style="margin-top: 10px;">
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/yuantiao.jpg">
					<div class="mui-media-body">
						远眺
						<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/shuijiao.jpg">
					<div class="mui-media-body">
						幸福
						<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/muwu.jpg">
					<div class="mui-media-body">
						木屋
						<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/yuantiao.jpg">
					<div class="mui-media-body">
						远眺
						<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/shuijiao.jpg">
					<div class="mui-media-body">
						幸福
						<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/muwu.jpg">
					<div class="mui-media-body">
						木屋
						<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/yuantiao.jpg">
					<div class="mui-media-body">
						远眺
						<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/shuijiao.jpg">
					<div class="mui-media-body">
						幸福
						<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/muwu.jpg">
					<div class="mui-media-body">
						木屋
						<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/yuantiao.jpg">
					<div class="mui-media-body">
						远眺
						<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/shuijiao.jpg">
					<div class="mui-media-body">
						幸福
						<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-right" src="../img/muwu.jpg">
					<div class="mui-media-body">
						木屋
						<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					</div>
				</a>
			</li>
		</ul>


		<body>
			<script src="js/mui.js"></script>
			<script type="text/javascript">
				mui.init();
			</script>
		</body>

</html>
</body>
</html>
